<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" >
<head th:replace="layouts/default :: head(~{this :: title}, ~{this :: link},~{this :: _})">
    <link th:href="@{/modules/mobile/css/mobile.css}"  rel="stylesheet"/>
</head>
<body>
	<!-- 直接修改div的内容，这种layout方式只是处理了head -->
	<div th:insert="layouts/default :: content(~{ :: #task-details})">
	    <div id="task-details">
	        <h2 th:text="${task.title}">Task Details</h2>
	        <div th:text="${task.description}">Text</div>
	    </div>
	</div>
	<script th:src="@{/webjars/jquery/jquery.min.js}"></script>
	<script th:src="@{/webjars/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <script th:src="@{/modules/mobile/js/mobile.js}"></script>
</body>

<footer th:replace="layouts/default::footer"></footer>
</html>